Free delivery on orders over $99 · 4 for 3 petite casseroles
Winter Edit

The home of colourful cookware

Crafting world-class colourful cookware since 1925, to suit every cook and last generations.

Shop cast iron Explore colours
Our top picks for you

Iconic cast iron

Round Casserole

Cast iron, 26cm
$599.00

Signature Skillet

Cast iron, 30cm
$379.00

Stoneware Mug

Set of four, 350ml
$99.00
Choose your colour
FlameThe original, since 1925
MarseilleIn stock
NectarIn stock
Shell PinkLow stock
Controls

Soft corners, wide caps

Primary Outline Flame Disabled Cast Iron Deep Round Casserole New Sale Gift wrap
Primary Outline Flame Cast Iron Deep Round Casserole ← hover state
On imageryHoveroutline over a Licorice band
Search cookware Round casserole ← recommended Flame focus ring

Buttons are 48px at 8px radius, 12px UPPERCASE at +2px tracking, cross-fading colour, background, border and shadow over 0.3s ease-in-out. Disabled is opacity 0.65. The site suppresses focus (a:focus{outline:none}, the search field drops its border, and the Bootstrap ring is overridden to none) — the preview shows a recommended 0 0 0 3px rgba(214,62,49,.4).

Typography

Serif at rest, sans in caps

Section (h2) · lyon · 48/56 · 400 · normal trackingOur Top Picks
Sub (h3) · lyon · 32/40 · 400 · normal4 for 3 Petite Casseroles
Display (h1, strapline) · lyon · 30/30 · 400 · normalThe home of colourful cookware
Product link · lyon · 16 · 400 · +0.5pxCast Iron Deep Round Casserole
Body / nav · swiss · 16/24 · 400 · normalCrafting world-class colourful cookware since 1925.
Small body · swiss · 13/19.5 · 700 · normalFree delivery on orders over $99.
Button / eyebrow · swiss · 12 · 400 · +2px · UPPERShop now

Specimen uses Newsreader as an open stand-in; the site ships Lyon. Suisse Int’l falls back to the system sans. Note the h1 is smaller than the h2 — the h1 is a strapline and the h2 carries the visual display role.

Palette

Warm ground, product colour

Text & ink
ink#000000
ink-soft#0f0f0f
ink-slate#212529
ink-warm#4c4c4e
muted#808080
ink-50rgba(0,0,0,.5)
white#ffffff
Surfaces & borders
canvas#f4f2ef
card#ffffff
surface#f9f9f9
surface-2#f4f4f4
ink-fill#000000
borderrgba(0,0,0,.25)
border-softrgba(0,0,0,.15)
border-hair0.5px rgba(0,0,0,.25)
scrimrgba(0,0,0,.8)
grey#dddddd
Accent
flame-red#d63e31
flame-orange#ed6e00
pale-blue#cddcf2
Enamel colourway gradients — every stop hex as its own tile
flame-top#ea4436
flame-base#70151b
meringue-top#eae8e4
meringue-base#d8d0c2
marseille-top#1172ba
marseille-base#053d68
licorice-top#3a3a3d
licorice-base#22222b
nectar-top#f97c00
nectar-base#d43414
shell-top#ebe4e3
shell-base#d2bdbd
Rendered as glaze gradients on 50% swatches
Flame
#ea4436→#70151b
Meringue
#eae8e4→#d8d0c2
Marseille
#1172ba→#053d68
Licorice
#3a3a3d→#22222b
Nectar
#f97c00→#d43414
Shell Pink
#ebe4e3→#d2bdbd
White
#ffffff→#ffffff
Depth & motion

Alpha hairlines, soft lift

2px
4px
8px button
12px
16px card
50% swatch
0 2 2 0 single-side
shadow 1
shadow 2
shadow 3

Structure is an alpha hairline — rgba(0,0,0,.25) at over 1000 uses, not a hex. House motion is 0.3s ease-in-out on colour, opacity, border and button cross-fades, over a directional slideInDown / slideInUp / growDown / fadeIn entrance kit. The site ships 18 prefers-reduced-motion blocks, among the most thorough captured. No canvas, video, texture or backdrop blur.