Tempered Cobalt Atelier color palette — #FBEFE9 · #AFD1BA · #4282AF · #005E43 · #131C44

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FBEFE9): bright and airy, almost weightless.
• Pistachio (#AFD1BA): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#4282AF): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005E43): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#131C44): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Antique Cerulean color palette (#F9F4ED, #AFCEB9, #0084AD, #00605B, #063E62)
• Ancient Petrol Canyon color palette (#F1E7DD, #93BEAF, #5167A8, #004B4A, #1B0A34)
• Dusty Cypress Meadow color palette (#F8F0EA, #C6E4D8, #728DC0, #006D66, #411F32)
• Ancient Cypress Cabin color palette (#EDF9EF, #D8D6E4, #69B1D1, #00807A, #0C314B)
• Quiet Quarry color palette (#E5EDD2, #41A86D, #A85F8F, #006638, #340627)
• Navy Pier color palette (#FEEBDF, #30849B, #003D6B, #002018, #01000B)
• Nightshade Orchard color palette (#F1E2D1, #678EB1, #33389F, #002B2D, #080014)
• Teal Delta color palette (#C2FEEB, #51C4AE, #007B62, #004132, #00130C)

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