Tempered Ultramarine color palette — #FFD8E7 · #CE7E21 · #005FBB · #724000 · #002D5D

Built around Cobalt, softened by Mustard — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#FFD8E7): A whisper-light, dusty rose — the color of pressed rose petals.
• Mustard (#CE7E21): A luminous, balanced gold — the color of afternoon light on wheat.
• Cobalt (#005FBB): A full-bodied, vivid blue — the color of open sky before noon.
• Bronze (#724000): A full-bodied, balanced gold — the color of old brass.
• Navy (#002D5D): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Soft Corridor color palette (#C9EFDE, #989A22, #0062B3, #515200, #002E5A)
• Misty Amber Pier color palette (#FFDDC2, #C06D00, #008086, #733F00, #003538)
• Feathered Lapis color palette (#CFEED2, #AC7A00, #514CFF, #674800, #202366)
• Worn Scarlet Canyon color palette (#FFDBD2, #EA3901, #007D94, #8E1F00, #00343F)
• Nightshade Workshop color palette (#F7E9D8, #9A6400, #0068AA, #004BAE, #341F00)
• Ancient Boulevard color palette (#CAEEE1, #8C9F22, #6819EC, #4A5500, #2F1A68)
• Periwinkle Orchard color palette (#EDF9EC, #D2A76D, #7897DD, #926A2D, #3F4E65)
• Periwinkle Lagoon color palette (#FFDEBD, #FFB86B, #47B0FF, #A46400, #003051)

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