Cobalt Courtyard color palette — #F7F0EC · #AED1BF · #3C7EC6 · #005D4D · #321429
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F7F0EC): bright and airy, almost weightless.
- Pistachio (#AED1BF): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#3C7EC6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005D4D): A full-bodied, balanced teal — the color of sea glass.
- Deep Indigo (#321429): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cobalt 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
- Cornflower Grove color palette (#FBF0E5, #A7D6F9, #5E7BDC, #006261, #291C43)
- Antique Cerulean color palette (#FBEFEB, #97D5D2, #008AA8, #285C2B, #04223C)
- Softworn Periwinkle color palette (#F7F0EC, #C4E8E5, #71A1CE, #3F7766, #41303C)
- Muted Lagoon color palette (#EADBD6, #1B9D9E, #005168, #002E0D, #00040F)
- Moss Hollow color palette (#E4E5CF, #77AC56, #007C5D, #004D44, #002328)
- Navy Lantern color palette (#EAE0D9, #40819E, #00377F, #00201B, #010009)
- Ancient Ultramarine Market color palette (#F5EAE0, #6EA4C3, #134AC3, #003A35, #0E002A)
- Frosted Plum color palette (#E4EDD7, #2ABB86, #AF3D70, #006545, #36051D)
Browse the whole catalog at Explore, or see today's palette.