Tempered Cobalt color palette — #D8F1E8 · #008FCF · #8F6300 · #625300 · #060800

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

The five colors

• Honeydew (#D8F1E8): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#008FCF): A luminous, balanced blue — the color of deep harbor water.
• Ochre (#8F6300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Coffee (#625300): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#060800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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

• Soft Orchard color palette (#D2E9DE, #1FA0E3, #964E00, #7A3E00, #000702)
• Cornflower Corridor color palette (#EAD7EB, #008EF3, #856B00, #355F00, #050800)
• Rust Harbor color palette (#D6E3D5, #009C9A, #BC3700, #5D5D00, #090600)
• Airy Byzantium Pier color palette (#E0EACF, #5296FF, #9E4EB8, #485F00, #121131)
• Frosted Scarlet Market color palette (#F9DFF6, #4F89FF, #CA2E3A, #216100, #041700)
• Violet Ridge color palette (#FBE0EC, #974DFF, #8C6B00, #684F00, #000A0D)
• Chalky Violet Cabin color palette (#F4E4EC, #9772FF, #3A6F00, #005949, #000608)
• Muted Meadow color palette (#FFEFF8, #9FA8FF, #748800, #007A3F, #001F1C)

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