Onyx Courtyard color palette — #F5EDF4 · #7CA6B6 · #005F84 · #004125 · #021950

Midnight and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F5EDF4): a clean, paper-quiet neutral.
• Blue Fog (#7CA6B6): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#005F84): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004125): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#021950): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Onyx 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

• Weathered Navy Orchard color palette (#F7EBF1, #5A99B2, #00498D, #003128, #120043)
• Petrol Grove color palette (#F5EBF1, #86BACD, #316BA4, #005142, #25255B)
• Patina Denim Boulevard color palette (#E6DDCF, #67A9AF, #006277, #003A31, #000D16)
• Frosted Hollow color palette (#C8E8F3, #8DB3D8, #9E6FC1, #005C33, #002437)
• Patina Lagoon color palette (#D0E9CF, #008E79, #00545B, #003847, #00233D)
• Cerulean Dune color palette (#D0F3FD, #008AA5, #00485A, #001C27, #00090D)
• Muted Pier color palette (#FAF3F8, #C9E0EC, #618FB5, #007457, #374768)
• Softworn Brick Terrace color palette (#D5F1FC, #007B88, #A7130F, #004149, #3A0101)

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