Tempered Cobalt Garden color palette — #F9F0EA · #ABD2BE · #497EBB · #005D4E · #1C1B3E

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

The five colors

• Cream (#F9F0EA): bright and airy, almost weightless.
• Pistachio (#ABD2BE): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#497EBB): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005D4E): A full-bodied, dusty teal — the color of glacier melt.
• Deep Indigo (#1C1B3E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Tempered Cobalt Garden 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 Onyx Workshop color palette (#FEEEE8, #74CBD7, #007BAC, #005534, #000E4F)
• Patina Parlor color palette (#F9F4ED, #ABCFBB, #0081B8, #005F61, #213C5A)
• Iris Balcony color palette (#F6F1EB, #C2E5DA, #7C8AC0, #006C6E, #41202F)
• Antique Teal color palette (#D2F7E8, #22A79F, #007893, #004368, #0B1E49)
• Aged Azure color palette (#FBF2F7, #B7DAEE, #479AE7, #007E66, #2D3A57)
• Misty Ridge color palette (#D6F0E4, #349DC8, #BE5B31, #005D7C, #350E00)
• Lagoon Studio color palette (#F2E0DC, #41999C, #005169, #002E10, #000410)
• Softworn Petrol color palette (#DAF1FF, #6BABD9, #0071B2, #003856, #000F1F)

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