Onyx Courtyard color palette — #E7F2EC · #A294A4 · #846679 · #00303E · #010C06

Deep Forest takes the lead with Pewter close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#E7F2EC): a clean, paper-quiet neutral.
• Heather (#A294A4): A luminous, dusty pink — the color of a candy shop window.
• Pewter (#846679): A full-bodied, dusty pink — the color of peonies in June.
• Deep Forest (#00303E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#010C06): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Spruce Quarry color palette (#E6EDE1, #8D9F90, #59796C, #00332A, #050B02)
• Navy Ridge color palette (#E9DFE6, #AA929C, #8C646A, #171D6B, #11050E)
• Antique Abyss Pier color palette (#E3ECF2, #9CA5B2, #80849F, #004D60, #000B13)
• Softworn Navy Quarry color palette (#F4EAF2, #C8B2BB, #A2868A, #293D87, #291926)
• Tempered Grove color palette (#E4F2EE, #D8C6D2, #B298A2, #29597F, #23312D)
• Aubergine Villa color palette (#FEF1F6, #EFC7CC, #C19D98, #674597, #442A35)
• Sapphire Pier color palette (#C9E4EE, #3B64B5, #4C2A57, #1E2100, #011002)
• Ancient Aubergine color palette (#EEE0EF, #0092A0, #0063AF, #4B0977, #000019)

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