Cerulean Market color palette — #FAF3F0 · #CBE3D1 · #4993BE · #317053 · #593D55

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

The five colors

• Ivory (#FAF3F0): a clean, paper-quiet neutral.
• Celadon Mist (#CBE3D1): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#4993BE): A luminous, balanced blue — the color of open sky before noon.
• Pine (#317053): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#593D55): A full-bodied, dusty pink — the color of neon signs at night.

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

Use it as a design system

One click turns Cerulean Market 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

• Washed Ash color palette (#F9F4EF, #CBE5E8, #8897C6, #3F7A79, #634A55)
• Linen Delta color palette (#FFF2ED, #93DCE5, #008ABE, #006A41, #2C3F64)
• Ancient Teal Pier color palette (#DFF0C6, #3BC0B1, #008D9A, #005E82, #5D3F5B)
• Chalky Terrace color palette (#EBF9F2, #48ACD5, #CA6868, #007092, #613333)
• Mallow Meadow color palette (#EAFAEE, #ECD6D4, #D1AFEC, #579272, #3D5149)
• Gentle Bronze color palette (#E8FCE9, #009BA1, #AD6900, #736300, #2A3E2C)
• Lagoon Corridor color palette (#F4E4DF, #2C9191, #004356, #002508, #00091A)
• Teal Courtyard color palette (#FAF3F8, #D1E0F6, #8EC6E4, #5DA994, #304968)

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