Worn Cerulean Loft color palette — #FDF1F9 · #B3F4F1 · #00A3BD · #006E3F · #002133

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF1F9): a clean, paper-quiet neutral.
• Sea Foam (#B3F4F1): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#00A3BD): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006E3F): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#002133): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn 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

• Gentle Azure color palette (#FCF2F7, #D2E1FF, #1698ED, #006A64, #0D1A45)
• Turquoise Canyon color palette (#FAF3F8, #D4D5E4, #00B7E4, #00835F, #0B314D)
• Muted Mustard Pier color palette (#E7FCEB, #E4AF27, #008FC7, #7E5E00, #001B2A)
• Weathered Cobalt color palette (#FFF0FB, #8FD9EB, #0084B9, #005346, #000B25)
• Denim Veranda color palette (#F3E6F0, #6FAEB8, #005D7D, #002C22, #000104)
• Ancient Coast color palette (#F5EDE2, #81BEBB, #007682, #00523C, #003442)
• Ancient Ultramarine color palette (#FAE9F0, #85BFE2, #0061CE, #003D40, #020013)
• Worn Corridor color palette (#F9F3F7, #D3D5E5, #81DAF6, #62A182, #3C5061)

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