Tempered Navy color palette — #F6D3DF · #008791 · #204893 · #4A2B00 · #002936

A conversation between Indigo and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#F6D3DF): A whisper-light, dusty rose — the color of a warm blush.
• Cerulean (#008791): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#204893): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#4A2B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Midnight (#002936): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged retro, cool.

Use it as a design system

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

• Garnet Atelier color palette (#F2D3E9, #008C6F, #005471, #611000, #002B2A)
• Hazy Aubergine color palette (#BFEAD5, #0082B0, #4F349A, #383500, #092443)
• Sunlit Mulberry Ridge color palette (#CFE5F0, #007588, #791654, #432600, #161F03)
• Charred Denim Lagoon color palette (#E3F2FE, #005C84, #3E3137, #111736, #000A15)
• Petrol Corridor color palette (#F6EBF3, #8AB9CD, #007297, #005140, #052F55)
• Hazy Navy Thicket color palette (#E5F2D6, #0081BB, #0844A3, #4E0048, #000F20)
• Turquoise Grove color palette (#D0E5E4, #66A5C7, #646292, #504300, #083A19)
• Eclipse Dune color palette (#D0E9E1, #005D8E, #3F0273, #131C00, #00042F)

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