Onyx Field color palette — #F1F0E1 · #1D6D51 · #003234 · #2C0027 · #000804

Deep Indigo and Pine set the tone — five colors that lean into creativity and sophistication.

The five colors

• Cream (#F1F0E1): bright and airy, almost weightless.
• Pine (#1D6D51): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#003234): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#2C0027): A deep, shadowed, balanced pink — the color of peonies in June.
• Ink (#000804): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Creativity, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.

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

• Patina Cypress Basin color palette (#EAEAD7, #087E62, #004045, #440021, #00140D)
• Onyx Drift color palette (#FAE8D1, #5A6328, #003515, #180047, #050700)
• Midnight Basalt Courtyard color palette (#E8E5CF, #364600, #00394D, #00234C, #010200)
• Softworn Abyss color palette (#EBDAD5, #6B896E, #004359, #00240E, #00081D)
• Patina Garnet Bloom color palette (#ECDDCB, #869567, #007E78, #5A0E00, #0B0A00)
• Nightshade Veranda color palette (#ECE3D8, #6E4800, #16299E, #2E1C00, #010024)
• Muted Balcony color palette (#D2E9E0, #2F9F6B, #00716F, #633754, #000803)
• Weathered Station color palette (#EDE3D2, #7E9564, #006545, #552762, #1F2E0A)

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