Softworn Cerulean color palette — #FAF3F8 · #B9E4F4 · #1F96C7 · #28724B · #374961
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF3F8): a clean, paper-quiet neutral.
- Powder Blue (#B9E4F4): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#1F96C7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#28724B): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal (#374961): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, 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
- Ancient Iris Market color palette (#FBF2F5, #C9DFF4, #7885C5, #007074, #434462)
- Cobalt Parlor color palette (#FCF2F7, #99CFE1, #1E7BCA, #00624F, #2E3A56)
- Hushed Turquoise Garden color palette (#EEF8F0, #CAE1FF, #61B2CA, #368B7C, #334B5C)
- Washed Cerulean color palette (#F6F1EA, #C5E6CC, #3E9BB5, #1D6C60, #0D3428)
- Aged Teal color palette (#FBF3EF, #C4EAE2, #81C9E7, #53AB8D, #225147)
- Airy Ember color palette (#E8F8FE, #36B3B6, #D56332, #007477, #603524)
- Weathered Denim color palette (#F6E4F0, #369EB6, #004D7C, #003124, #0A0B39)
- Bronze Courtyard color palette (#E3FAFF, #009E92, #BB5E00, #8E5D19, #1B3E44)
Browse the whole catalog at Explore, or see today's palette.