Tempered Cobalt Terrace color palette — #FAF0E9 · #AAD2BB · #0084C3 · #005C52 · #0E1F3F

Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Cream (#FAF0E9): bright and airy, almost weightless.
• Pistachio (#AAD2BB): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0084C3): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005C52): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#0E1F3F): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Tempered Cobalt Terrace 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

• Washed Cobalt Garden color palette (#F8F1E9, #A6CCEF, #6077C0, #005A66, #211A3B)
• Hazy Aqua color palette (#FFEEE6, #47D1DD, #007D9F, #00543D, #001B33)
• Faded Lagoon color palette (#F2E7DC, #8AC0B2, #435FCE, #004A54, #170D33)
• Wandering Sky Terrace color palette (#EFF7F6, #D4DFEB, #2DB5E8, #007D8A, #0E3149)
• Weathered Navy color palette (#EFDFD5, #3B829D, #003E6A, #001F1E, #00000C)
• Worn Corridor color palette (#F1E9D2, #B0A324, #6A54CF, #5F5600, #1B143C)
• Worn Denim color palette (#EBDDD3, #5DA7C8, #0059A0, #003939, #050031)
• Chalky Bloom color palette (#EBE3D2, #8B7D00, #565FCD, #734190, #1B1300)

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