Tempered Cobalt color palette — #FAF4F0 · #C6E5D1 · #3C91CD · #237257 · #573F51
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FAF4F0): bright and airy, almost weightless.
- Celadon Mist (#C6E5D1): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#3C91CD): A luminous, balanced blue — the color of deep harbor water.
- Pine (#237257): A full-bodied, balanced teal — the color of shallow lagoons.
- Cocoa (#573F51): A full-bodied, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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
- Antique Iris color palette (#F9F4EF, #C8E9EE, #8995D0, #357B7E, #624B54)
- Gentle Cobalt Harbor color palette (#FEF2ED, #99DBE7, #0088C7, #006A49, #2C3D6D)
- Worn Peony Parlor color palette (#F2F8EB, #4DB690, #B869AC, #007858, #563551)
- Tempered Lagoon color palette (#F9EDE8, #3B8F91, #004358, #00240B, #00091B)
- Dusty Powder Courtyard color palette (#FAF3F7, #D2E1FA, #8AC6EB, #5DA899, #324966)
- Powdered Petrol Hollow color palette (#F8ECE5, #82BBCE, #006BB5, #005141, #252855)
- Faded Lagoon Thicket color palette (#E6FDDD, #7BCEB6, #008970, #005540, #003930)
- Gentle Pine color palette (#FBE9C1, #95B869, #008B55, #006A56, #304D34)
Browse the whole catalog at Explore, or see today's palette.