Onyx Field color palette — #E9F2E1 · #004C2C · #3C004A · #0E0013 · #030000
Deep Indigo and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E9F2E1): A whisper-light, dusty green — the color of new leaves after rain.
- Forest (#004C2C): A deep, shadowed, balanced teal — the color of glacier melt.
- Deep Indigo (#3C004A): A deep, shadowed, balanced pink — the color of a candy shop window.
- Ink (#0E0013): A deep, shadowed, dusty pink — the color of a candy shop window.
- Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.
Use it as a design system
One click turns Onyx Field 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
- Aubergine Grove color palette (#D8F8EA, #00445F, #39005F, #19001E, #010200)
- Nocturne Basin color palette (#E7E6CD, #285B00, #2A006C, #06001B, #040000)
- Midnight Pier color palette (#E3E9D7, #006638, #43005B, #13160C, #170000)
- Velvet Onyx Garden color palette (#ECDDC6, #3E3000, #2C002C, #1A0004, #030100)
- Shadow Ridge color palette (#ECEED0, #1C4D00, #002940, #000C17, #050000)
- Obsidian Onyx Thicket color palette (#D5ECED, #003B2B, #07005C, #1C0006, #000300)
- Onyx Grove color palette (#D3EED8, #00565A, #420009, #1A0002, #020100)
- Pine Workshop color palette (#EAF3D3, #008756, #004E50, #001623, #00000B)
Browse the whole catalog at Explore, or see today's palette.