Softworn Cerulean color palette — #FBF3F1 · #CAE5CC · #1497C2 · #367048 · #553F56
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#FBF3F1): a clean, paper-quiet neutral.
- Celadon Mist (#CAE5CC): A whisper-light, dusty green — the color of a quiet forest floor.
- Cerulean (#1497C2): A luminous, balanced blue — the color of deep harbor water.
- Pine (#367048): A full-bodied, balanced teal — the color of sea glass.
- Charcoal (#553F56): A full-bodied, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Trust, Stability, 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
- Dusty Iris Terrace color palette (#FAF4EE, #C0E6D9, #7085CF, #007170, #5A3E4A)
- Washed Forest Summit color palette (#FFF2EE, #8ADFDF, #008DB0, #006C27, #224164)
- Wandering Cerulean Bloom color palette (#ECF5ED, #B7E5F4, #479AAE, #1A6D5C, #122F41)
- Softworn Boulevard color palette (#E9FAEF, #4DAEC5, #CB6573, #007286, #5B382F)
- Wandering Lagoon color palette (#FAF4EB, #CDEFD1, #6EB0C1, #3B8A78, #2F5042)
- Muted Courtyard color palette (#E6EFC6, #47BEA3, #008986, #00647E, #284562)
- Antique Mallow color palette (#EAFBE9, #DCD8E2, #C9AFF9, #597F5F, #3A4E40)
- Aged Coast color palette (#E7FCE9, #009BA2, #B85E33, #865A00, #273F2B)
Browse the whole catalog at Explore, or see today's palette.