Tempered Cobalt Atelier color palette — #FFF2EC · #99DBE3 · #008ABE · #006A41 · #2C3F64
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Ice Blue (#99DBE3): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#008ABE): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006A41): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#2C3F64): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Tempered Cobalt Atelier 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
- Gentle Cornflower color palette (#FEF3E8, #A4D6F5, #4977E9, #006762, #423666)
- Worn Veranda color palette (#FFF2EB, #56CADE, #0075AC, #00583C, #1D2E64)
- Antique Cerulean color palette (#FBF3F1, #CAE5C7, #2C98B5, #3C703B, #2B5047)
- Cerulean Summit color palette (#E9F6EC, #6DE4F3, #0091B3, #006358, #00283D)
- Washed Thicket color palette (#FDF4E6, #94EBF7, #00ACD4, #008476, #004565)
- Softworn Cypress Market color palette (#FAF4F0, #C9E9E7, #7B9CC3, #367D6E, #604B58)
- Faded Studio color palette (#FFE0FD, #3379EF, #6C7B00, #1F6B34, #1C3050)
- Hushed Workshop color palette (#FFF0FD, #F3CFE9, #FF9AA7, #008096, #5B3E52)
Browse the whole catalog at Explore, or see today's palette.