Tempered Cobalt color palette — #F0F7F4 · #E1D8DA · #D2B9BC · #3688BA · #2A4038

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

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#E1D8DA): bright and airy, almost weightless.
• Stone (#D2B9BC): A luminous, dusty red — the color of late-summer berries.
• Cerulean (#3688BA): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#2A4038): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Ancient Lagoon color palette (#F1F7F0, #CDDDDB, #A8C5C6, #00938F, #353D34)
• Washed Dune color palette (#FDF4E8, #BDB684, #7A8940, #1F6D84, #38352E)
• Washed Villa color palette (#FAF3F6, #DFD8D6, #BBB2A6, #9D94BE, #5A4F54)
• Hushed Orchid color palette (#FBF3F4, #E6D6CF, #D7BBA7, #A768C0, #4C3A3F)
• Indigo Lagoon color palette (#FBF2F7, #F0D6DF, #D1B1D5, #6C5DE8, #422A39)
• Antique Pier color palette (#E4F2EF, #CBC0C9, #B89BAA, #0062AB, #03261F)
• Timeworn Cobalt color palette (#FBEAF8, #5D7CCE, #533545, #2F182C, #04100D)
• Weathered Plum color palette (#F9EEFA, #5D98DD, #A4517D, #664B00, #00342D)

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