Soft Cobalt color palette — #FDEEE7 · #9BDCE8 · #008CCB · #006545 · #122050
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#FDEEE7): a clean, paper-quiet neutral.
- Ice Blue (#9BDCE8): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#008CCB): A luminous, balanced blue — the color of open sky before noon.
- Pine (#006545): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#122050): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Soft 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
- Cobalt Orchard color palette (#FFEEE4, #79C9DD, #0077BA, #00543E, #0D0C4C)
- Cornflower Delta color palette (#FBF0E4, #A5D6FB, #5677F1, #006261, #2A1A46)
- Cerulean Bloom color palette (#FEF4E3, #8DDDEC, #008CB3, #006760, #074467)
- Antique Cerulean Villa color palette (#F7F0EE, #C9E5C8, #3E9AB7, #3D6B41, #38233B)
- Azure Atelier color palette (#FFF0FB, #99EAF8, #00A6EE, #0B865C, #2D3E68)
- Dusty Harbor color palette (#E8DCD7, #4298A1, #00506E, #002E17, #000315)
- Tempered Nightshade Orchard color palette (#EFE3D8, #497FA0, #081FA5, #001F1E, #020008)
- Tempered Magenta color palette (#FFDAE0, #C23CD1, #00887A, #006979, #2D0914)
Browse the whole catalog at Explore, or see today's palette.