Softworn Cerulean color palette — #F6F0F4 · #B8E5F4 · #199CC0 · #146F51 · #172E42
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#F6F0F4): a clean, paper-quiet neutral.
- Powder Blue (#B8E5F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#199CC0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#146F51): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#172E42): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Softworn Cerulean 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
- Hushed Cobalt Drift color palette (#F9EEF5, #ABCDDF, #3483B6, #005C53, #0F203A)
- Cerulean Ridge color palette (#ECF8F6, #A8EAEF, #5096A3, #2A6F6A, #284D5F)
- Softworn Veranda color palette (#F7EFF3, #D8D1E4, #7E9ECB, #1F797C, #2E3648)
- Pale Azure color palette (#E6F7ED, #B4A551, #0098D9, #746400, #002B41)
- Aged Cerulean color palette (#F3E1ED, #3499AB, #005070, #002D24, #000411)
- Dusty Lagoon color palette (#FCF3EF, #CDEFD2, #71AFC6, #448A6F, #2F4F47)
- Linen Nightshade Corridor color palette (#F7EAEE, #4C7DA6, #130FAE, #001F23, #010009)
- Cobalt Harbor color palette (#E5F8E8, #AE862F, #4A7FCC, #6F5EA1, #112315)
Browse the whole catalog at Explore, or see today's palette.