Cerulean Loft color palette — #F7F1E7 · #B4D0BA · #2388A5 · #005C52 · #002437

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F7F1E7): a clean, paper-quiet neutral.
• Pistachio (#B4D0BA): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#2388A5): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005C52): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#002437): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: 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

• Cobalt Quarry color palette (#F7F1E7, #A7D2C7, #5679C4, #00586F, #1B1C3E)
• Cobalt Hollow color palette (#FAF2F9, #96D0D9, #0081B7, #006340, #2A3B56)
• Cerulean Summit color palette (#F3ECE2, #388494, #004258, #001F1D, #000104)
• Navy Field color palette (#EBE4D9, #5A90B6, #00478F, #002A33, #01001D)
• Wandering Cypress Dune color palette (#F5F1EB, #C7E3DC, #7EA78F, #247B6A, #1B3E31)
• Washed Pine Garden color palette (#FBF3F0, #BFE3EC, #64B0DD, #008356, #1A2C57)
• Washed Rust color palette (#F7EAF3, #6C73C1, #A95034, #006D42, #23081C)
• Ancient Petrol color palette (#FFEBF9, #F4C6D8, #E1A1D7, #3065AA, #36182A)

Browse the whole catalog at Explore, or see today's palette.