Midnight Field color palette — #D7E5E1 · #466700 · #002E3A · #152200 · #000204

Built around Olive, softened by Onyx — the whole palette hums with nature and growth.

The five colors

• Silver (#D7E5E1): bright and airy, almost weightless.
• Olive (#466700): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#002E3A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#152200): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000204): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged duotone, dark, muted.

Use it as a design system

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

• Chestnut Bloom color palette (#DBE8DB, #795200, #002F30, #291A00, #000202)
• Obsidian Alley color palette (#F0E2EB, #005A29, #00292F, #220004, #000503)
• Midnight Navy color palette (#D6E7E8, #006B58, #1A007C, #00241C, #01000F)
• Weathered Nightshade color palette (#DAEDEF, #008B6D, #0F29A2, #003C2D, #00001A)
• Timeworn Archive color palette (#E0F3F5, #639600, #006F60, #003D5E, #000404)
• Worn Spruce Grove color palette (#E5EFEE, #8A9EA2, #577684, #00351B, #000C0C)
• Clover Studio color palette (#E5FBF6, #76B558, #006C9D, #2C6500, #021F34)
• Tempered Emerald Grove color palette (#DFEFEE, #499C62, #005677, #004F23, #000F1B)

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