Onyx Garden color palette — #D9E3ED · #818FA1 · #5E6B83 · #002B4D · #000104

Midnight and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D9E3ED): a clean, paper-quiet neutral.
• Slate Blue (#818FA1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#5E6B83): A full-bodied, dusty violet — the color of a velvet chair.
• Midnight (#002B4D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Antique Lantern color palette (#DBEBE6, #A295A0, #836678, #002D4B, #000D08)
• Weathered Abyss color palette (#D9E2EB, #B2BBCB, #8C90AA, #004062, #000103)
• Aged Aubergine Veranda color palette (#E0DFED, #A19DB0, #817594, #4B1D5F, #04020F)
• Aged Denim color palette (#E5E9F2, #C3CBDF, #9CA2BF, #425189, #12161E)
• Pewter Bloom color palette (#F0F1F9, #DED5E0, #C7B8C7, #6F7197, #2A2B36)
• Airy Station color palette (#E8F0FF, #0081D5, #074DEE, #41129B, #01000B)
• Eclipse Aubergine Courtyard color palette (#D9DCF8, #644493, #4B2754, #300005, #0E0008)
• Shadow Villa color palette (#D1E4D9, #585E00, #232F00, #001914, #000201)

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