Tempered Brick Coast color palette — #FFF0FC · #F25751 · #6A8D00 · #AF0215 · #304200

Garnet and Scarlet set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Scarlet (#F25751): A luminous, vivid orange — the color of sun-warmed clay.
• Olive Leaf (#6A8D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Garnet (#AF0215): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Olive (#304200): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Energy, Balance. Tagged warm.

Use it as a design system

One click turns Tempered Brick Coast into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Gentle Mulberry Meadow color palette (#FBF1FF, #E35E91, #947D00, #A8005A, #463A00)
• Dusty Olive Bloom color palette (#F2D4E5, #C8581B, #248001, #792E00, #093300)
• Mulberry Corridor color palette (#FFE1F4, #D74900, #7C7500, #9B208D, #44243A)
• Powdered Rose color palette (#FFEAFC, #FF5256, #0093A7, #AC0320, #00262C)
• Weathered Lagoon Orchard color palette (#ECFAEA, #C69557, #00A17E, #8C5900, #134D3D)
• Pale Scarlet Canyon color palette (#FFF2ED, #FF847C, #00AFC1, #CC3D3C, #00434B)
• Powdered Pier color palette (#CEEED6, #A37F00, #C6007F, #614B00, #550535)
• Faded Violet color palette (#FAE9F2, #CE7140, #9556C5, #8C3A00, #412954)

Browse the whole catalog at Explore, or see today's palette.