Tempered Coast color palette — #F7E3EC · #3C81A3 · #00318C · #00201C · #020009

Indigo and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#F7E3EC): A whisper-light, dusty rose — the color of pressed rose petals.
• Cerulean (#3C81A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Indigo (#00318C): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#00201C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#020009): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Patina Lagoon Terrace color palette (#F0E1EE, #30868D, #00415A, #00210E, #000106)
• Dusty Denim Garden color palette (#EDE2D2, #78A9C6, #005795, #002A30, #00000B)
• Denim Courtyard color palette (#D7E3F1, #004C8F, #672200, #001E3F, #030000)
• Weathered Lantern color palette (#CBE7FC, #8386BC, #954F77, #003F39, #000108)
• Misty Forest Summit color palette (#FAECFC, #7BCCC7, #007F99, #07560E, #001B33)
• Midnight Navy Pier color palette (#D8E7F6, #003D6C, #4B2600, #251C00, #000104)
• Cornflower Orchard color palette (#FFECF2, #B2D4F2, #677CD1, #006263, #2B1A44)
• Tempered Dune color palette (#F6EFF5, #D1D3ED, #7DA1B9, #407673, #25374E)

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