Tempered Cobalt color palette — #FBF2F6 · #BEE2FB · #698AC3 · #007268 · #3E4665
Built around Slate Blue, softened by Teal — the whole palette hums with trust and stability.
The five colors
- Ivory (#FBF2F6): a clean, paper-quiet neutral.
- Powder Blue (#BEE2FB): A whisper-light, dusty blue — the color of deep harbor water.
- Slate Blue (#698AC3): A luminous, balanced violet — the color of a velvet chair.
- Teal (#007268): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#3E4665): A full-bodied, 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 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 Courtyard color palette (#F7F1E7, #B4E4FF, #6892B9, #166A75, #382437)
- Cornflower Studio color palette (#FFF0F8, #97D9F5, #127DEB, #006859, #3B3A66)
- Cerulean Studio color palette (#F0F7F1, #D0E0FF, #80A9D1, #328894, #374962)
- Hushed Corridor color palette (#FAF2FB, #A4CDD6, #00869F, #2D6125, #193D5A)
- Worn Canyon color palette (#F1E2EC, #448C9E, #003F67, #002319, #04012B)
- Muted Denim Coast color palette (#E9DFE8, #69ABB0, #006080, #004120, #051E42)
- Powdered Cerulean color palette (#EDF9ED, #C59653, #0099B6, #895B00, #0D4A58)
- Tempered Sapphire Ridge color palette (#F5EBEF, #84B9DB, #4061BC, #00504D, #31254F)
Browse the whole catalog at Explore, or see today's palette.