Tempered Cobalt color palette — #FFF0FB · #A5D4EA · #1984B5 · #005346 · #000B24
Cerulean and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Powder Blue (#A5D4EA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#1984B5): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005346): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#000B24): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Airy Veranda color palette (#FCE8F1, #7FC0E6, #1C64C0, #003D40, #020013)
- Azure Courtyard color palette (#FCF2F7, #C6ECFF, #4A96E2, #006A68, #131A41)
- Patina Turquoise Market color palette (#E0EEEC, #55AABC, #006279, #00393B, #000D15)
- Muted Pier color palette (#E5E6DC, #89CCDB, #00A2C7, #007C81, #002331)
- Weathered Veranda color palette (#FFD7CA, #D14200, #00788A, #005B83, #050000)
- Antique Petrol Archive color palette (#FBF2F6, #D8D4DE, #88A6DD, #007E87, #2B2A4B)
- Faded Ember Harbor color palette (#FFE5F8, #E2664F, #0086AD, #901600, #00090F)
- Worn Fern Balcony color palette (#CAF0DC, #8EA36A, #6A6100, #442C00, #000601)
Browse the whole catalog at Explore, or see today's palette.