Tempered Cobalt color palette — #F9EBE4 · #6AADB6 · #007DB0 · #00613D · #00012E
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#F9EBE4): bright and airy, almost weightless.
- Cyan (#6AADB6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#007DB0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#00613D): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#00012E): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, 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
- Muted Cobalt Quarry color palette (#E9DED5, #7EAC9B, #4D6FC6, #005D5A, #0D0025)
- Patina Pier color palette (#E2EDE4, #609EA6, #00627A, #003C35, #000B14)
- Feathered Pine Thicket color palette (#EBDBD8, #ABCAA9, #00A2C6, #008422, #00203D)
- Dusty Market color palette (#E9DAE6, #008895, #00415D, #002111, #00000B)
- Weathered Terracotta Ridge color palette (#FFEBE1, #C6573C, #00808C, #982300, #000709)
- Washed Drift color palette (#F8E2D3, #B14D00, #00747F, #1B5475, #050100)
- Softworn Meadow color palette (#F7ECE5, #AADBF4, #72A5F1, #009283, #2C215E)
- Washed Chestnut Chapel color palette (#F3EDE0, #758953, #705F00, #5E3300, #000501)
Browse the whole catalog at Explore, or see today's palette.