Tempered Coast color palette — #F3E5F6 · #D9A1B7 · #BB6A39 · #006A7D · #1A3770

Built around Ochre, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Blush (#F3E5F6): A whisper-light, dusty pink — the color of peonies in June.
• Rosewood Mist (#D9A1B7): A luminous, dusty rose — the color of pressed rose petals.
• Ochre (#BB6A39): A luminous, balanced orange — the color of autumn markets.
• Peacock (#006A7D): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#1A3770): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Optimism, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Tempered 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

• Aged Chapel color palette (#E1E2F5, #CE9CC3, #C5656B, #006F64, #004157)
• Amber Bloom color palette (#FFF0FB, #FFAFAA, #B98143, #196980, #003D4D)
• Wandering Denim Meadow color palette (#E7DAF0, #CB9285, #988159, #335D8C, #41345F)
• Tempered Workshop color palette (#F5E9FF, #D3AFCF, #A48C61, #4376A1, #4D436B)
• Patina Navy Studio color palette (#F3E0DF, #B38E6E, #6E702B, #3D3E7A, #481540)
• Feathered Bronze Pier color palette (#F8D8D3, #CE8F74, #A05B00, #435811, #00463A)
• Denim Market color palette (#F8F2FF, #E4D0E2, #9AAB99, #6D8092, #3F5364)
• Timeworn Onyx Atelier color palette (#F3E5EF, #A76263, #734700, #003A54, #120142)

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