Tempered Cobalt color palette — #F1F7EE · #58C4B0 · #2F6DC4 · #007060 · #2B202B

A conversation between Royal Blue and Mint Leaf, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F1F7EE): a clean, paper-quiet neutral.
• Mint Leaf (#58C4B0): A luminous, balanced teal — the color of sea glass.
• Royal Blue (#2F6DC4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Teal (#007060): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#2B202B): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Calm, Balance. Tagged duotone, cool.

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

• Pale Field color palette (#F0F4E8, #5FCD8F, #6E67BF, #1A7749, #170912)
• Indigo Veranda color palette (#EEF8F3, #5CBCE2, #735ABD, #006989, #301E27)
• Worn Forest Hollow color palette (#F5F6EF, #80C187, #007E87, #277135, #1A281D)
• Hushed Petrol Ridge color palette (#FFF4E2, #34A9B7, #286EA7, #75383C, #294436)
• Frosted Denim Garden color palette (#CCFFFD, #52BDD1, #007EA9, #01528F, #28377D)
• Worn Mint Atelier color palette (#EDF8F7, #6EDF9D, #A57CBB, #4C9168, #232230)
• Patina Lagoon Garden color palette (#F1F7F2, #D1DEDD, #B0C4C6, #1B8389, #424A43)
• Worn Sky Canyon color palette (#E9FAF0, #5CF5EB, #1AC3F5, #6B87CA, #144233)

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