Tempered Cobalt color palette — #FAF2FA · #F5B38F · #4372B4 · #2C4364 · #261F26

Slate and Melon set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF2FA): a clean, paper-quiet neutral.
• Melon (#F5B38F): A luminous, balanced orange — the color of sun-warmed clay.
• Slate (#4372B4): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2C4364): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#261F26): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Softworn Alley color palette (#FCF2F9, #D7D4A4, #687AB4, #5B4556, #32282F)
• Dusty Petrol color palette (#EEF8F2, #F3AFBB, #007F98, #2A4B39, #1A251E)
• Ancient Boulevard color palette (#EEF6FF, #FFDECB, #4F7AA5, #1C3A58, #06101B)
• Aged Marigold color palette (#EDF6FF, #CBAA63, #1D567E, #1A3043, #171926)
• Washed Denim color palette (#F9E9F0, #66CAA9, #69549C, #382E53, #1F1118)
• Seafoam Studio color palette (#E8FAF3, #B0E5BA, #689CBD, #3E6883, #122620)
• Ultramarine Veranda color palette (#F3DCF0, #D4A300, #2048CF, #0D246F, #040C2B)
• Misty Boulevard color palette (#EFF7F3, #8BCFEC, #DE6264, #008DB5, #2F201B)

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