Cerulean Courtyard color palette — #FDF4E7 · #B9D8B5 · #00909C · #00694B · #004858
Cerulean and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FDF4E7): a clean, paper-quiet neutral.
- Pistachio (#B9D8B5): A whisper-light, dusty green — the color of new leaves after rain.
- Cerulean (#00909C): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#00694B): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#004858): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cerulean Courtyard 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
- Cobalt Summit color palette (#FAF4EB, #A0D8E9, #008ABC, #006665, #11426B)
- Forest Courtyard color palette (#FFEDEA, #BADAB8, #0091B1, #036817, #002646)
- Timeworn Aqua Dune color palette (#FFF4E2, #60CBCC, #007C8C, #005844, #00394B)
- Pewter Delta color palette (#F9F4ED, #CCE4DF, #7BA48E, #5F7756, #305347)
- Pine Quarry color palette (#FAF2FC, #A7E9E6, #00ACD1, #088A20, #0B426E)
- Faded Jade Villa color palette (#ECF9EE, #B3E9FB, #00CEDE, #00AA7B, #004858)
- Dusty Boulevard color palette (#F4EDE3, #4B8B9C, #00425C, #002222, #000A18)
- Wandering Summit color palette (#EDE5DA, #63AAC3, #005E89, #003E3F, #001F41)
Browse the whole catalog at Explore, or see today's palette.