Tempered Cobalt color palette — #FBF0E4 · #ABDCCE · #657ECC · #00606D · #261A4C

Periwinkle and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FBF0E4): bright and airy, almost weightless.
• Oat (#ABDCCE): A whisper-light, dusty teal — the color of glacier melt.
• Periwinkle (#657ECC): A luminous, balanced violet — the color of twilight just after sunset.
• Peacock (#00606D): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#261A4C): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Cypress Boulevard color palette (#F6F0EC, #C8E4D7, #6A90BE, #006C6D, #3E2036)
• Softworn Cerulean color palette (#F8F0EC, #B2D0BA, #2486AF, #005D4B, #002043)
• Linen Delta color palette (#F3F7EA, #A9D3FB, #3A7FD8, #006187, #2B3E67)
• Iris Balcony color palette (#FFF1F5, #BDDFFF, #7194FF, #008090, #40366B)
• Dusty Chapel color palette (#EDDED5, #71A5B6, #005D8F, #003A34, #00032F)
• Worn Abyss Chapel color palette (#F0E0D8, #4A8290, #00405F, #00201B, #000106)
• Misty Balcony color palette (#F3F4DC, #81BB51, #9D5BD5, #335D00, #30004E)
• Aged Navy color palette (#F2E7DE, #649687, #1D3F9C, #002B30, #050019)

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