Tempered Cobalt color palette — #F9F0EB · #A9D3B9 · #1B85BA · #005D50 · #2D172D

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9F0EB): a clean, paper-quiet neutral.
• Pistachio (#A9D3B9): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#1B85BA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005D50): A full-bodied, dusty teal — the color of sea glass.
• Deep Indigo (#2D172D): A deep, shadowed, dusty pink — the color of peonies in June.

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

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

• Cerulean Bloom color palette (#FDEFE8, #97D4D6, #038AA7, #0A5E3F, #00281E)
• Sunlit Cornflower color palette (#FEEFE2, #94DAFF, #3083E0, #006263, #1C2146)
• Weathered Petrol color palette (#EFE8E0, #8DB9DC, #4B68AC, #004A52, #150F32)
• Rust Delta color palette (#DAEFE2, #00A1C2, #BA5E38, #005F73, #340F01)
• Timeworn Bloom color palette (#DAEFEA, #00AFAD, #00798C, #004259, #08213D)
• Hushed Balcony color palette (#F7E4D9, #0086A4, #003F64, #00201C, #00000C)
• Timeworn Veranda color palette (#F8F0EC, #BFF0E8, #6AA5C3, #607153, #3F3040)
• Cypress Station color palette (#D8FCE5, #CBE2FF, #C4ACDF, #237A73, #132E25)

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