Cerulean Drift color palette — #F9F6E2 · #ADD4A6 · #63B991 · #138CBF · #3C3E37

Cerulean and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9F6E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#ADD4A6): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#63B991): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#138CBF): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#3C3E37): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Patina Bloom color palette (#F6F6E7, #A6DECC, #72BDBC, #718AC5, #3E4D38)
• Lagoon Workshop color palette (#FEF4DE, #D9C789, #A2AC5E, #00968C, #403D36)
• Timeworn Sunflower Meadow color palette (#FFF1F7, #CDD373, #36A887, #7E517D, #123933)
• Ancient Canyon color palette (#DBE3BE, #2ABFCF, #0095C2, #7648B6, #002932)
• Turquoise Bloom color palette (#F4F6F0, #C6E2E3, #8CC4EF, #00A9CD, #553E59)
• Mint Boulevard color palette (#DBECC0, #00D184, #00A591, #006CC3, #003222)
• Timeworn Villa color palette (#EFF8F0, #77CFD4, #6FA3DF, #8B6AB5, #59213A)
• Violet Harbor color palette (#F3FAD4, #00DBDE, #00AFD1, #7F54F2, #003D43)

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