Cerulean Loft color palette — #FCF3EC · #BDE8D5 · #6B8BC0 · #1F7067 · #5A3E4D

A conversation between Slate Blue and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF3EC): a clean, paper-quiet neutral.
• Mint (#BDE8D5): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#6B8BC0): A luminous, balanced violet — the color of a velvet chair.
• Teal (#1F7067): A full-bodied, dusty teal — the color of shallow lagoons.
• Cocoa (#5A3E4D): A full-bodied, dusty rose — the color of pressed rose petals.

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

• Weathered Cerulean Pier color palette (#FCF3F0, #C8E6C5, #3B97B1, #426F42, #304F47)
• Tempered Periwinkle color palette (#F4F6EF, #BEE6E7, #71ACD8, #3E859A, #543F56)
• Antique Cornflower Lantern color palette (#FFF2E9, #8FDAF9, #297FDE, #006859, #3A3967)
• Antique Petrol color palette (#E8F5F4, #C9E0F1, #6593B5, #006980, #122E48)
• Aged Amber color palette (#FFF3E9, #C76E27, #4B7DBC, #605C92, #3D3732)
• Chalky Drift color palette (#FFF2EA, #E08458, #4F8ECD, #915336, #264563)
• Cerulean Boulevard color palette (#EEDFD6, #228EA6, #003F68, #002319, #04002C)
• Powdered Turquoise color palette (#F3E4DE, #21B3BB, #00607F, #004120, #001C49)

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