Cerulean Veranda color palette — #FAF4EF · #C4E5E9 · #8FA3D7 · #008A9A · #5E3B4E

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

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Silver (#C4E5E9): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#8FA3D7): A luminous, dusty violet — the color of wild irises.
• Cerulean (#008A9A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#5E3B4E): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cerulean Veranda 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 Powder Loft color palette (#FDF2F5, #D9D3DE, #9EBAF7, #488E98, #383E55)
• Airy Periwinkle Corridor color palette (#FEF3E9, #B5E8D7, #6398FF, #00818B, #3B376F)
• Blush Archive color palette (#EEF9ED, #7AC7C3, #DD879B, #00938F, #5F333E)
• Cobalt Dune color palette (#EFF7F7, #C8DFF6, #5E8DC6, #2C6987, #3A495E)
• Muted Lagoon color palette (#FCF3EE, #C7E4DD, #67B1C8, #199064, #265145)
• Cobalt Pier color palette (#F4E7E1, #7DBDCB, #007EAF, #005B4C, #001D46)
• Pale Corridor color palette (#FFF2EC, #80DBE8, #009AC9, #00755B, #00345F)
• Frosted Studio color palette (#EDF1C6, #82CCAC, #00A48F, #00797C, #195565)

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