Cerulean Loft color palette — #F9F0EB · #96D5D2 · #008BA1 · #175D39 · #002436
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Cream (#F9F0EB): a clean, paper-quiet neutral.
- Ice Blue (#96D5D2): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#008BA1): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#175D39): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#002436): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cerulean Loft 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 color palette (#FCEFE6, #9CD0E7, #4D80AF, #005C58, #2E172A)
- Hushed Turquoise Harbor color palette (#E9F9F5, #C5DBF6, #5BB7BD, #297E70, #003444)
- Hushed Canyon color palette (#EDE0DA, #00898D, #004353, #002113, #000103)
- Feathered Sapphire Villa color palette (#FFEFE0, #72C6F7, #006AE4, #005154, #140E45)
- Ash Atelier color palette (#F7F1EA, #C1EBF1, #8C9BC2, #53745E, #432F3A)
- Timeworn Lantern color palette (#FEEBFE, #DAD1FF, #D49BC8, #2F7690, #33222F)
- Wandering Meadow color palette (#EDDCD4, #24B0BB, #00617C, #003B2A, #000C1A)
- Powdered Cobalt color palette (#D2F5FD, #00A2E0, #0071BE, #283B7D, #221F43)
Browse the whole catalog at Explore, or see today's palette.