Abyss Field color palette — #F3EADE · #7A803D · #004A17 · #30062D · #010100

A conversation between Forest and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Cream (#F3EADE): a clean, paper-quiet neutral.
• Olive Leaf (#7A803D): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004A17): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Indigo (#30062D): A deep, shadowed, balanced pink — the color of peonies in June.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Forest Lagoon color palette (#ECDFCE, #89964C, #005E2B, #301F4F, #010100)
• Wandering Villa color palette (#E5DFCC, #4E8B46, #00473A, #001E2F, #000200)
• Fern Delta color palette (#E2F4E2, #5C6300, #003511, #290328, #060700)
• Dusty Pier color palette (#FFE6E7, #B3489B, #005818, #4E0041, #000200)
• Soft Pine Basin color palette (#DAEDE5, #789260, #007630, #004984, #030800)
• Washed Parlor color palette (#FFF3E7, #AEA54F, #3E6E2A, #3A3464, #090800)
• Washed Study color palette (#EEDFD8, #6BAFB8, #005C81, #002D1A, #00000A)
• Tempered Lagoon color palette (#FEF4E0, #A7C695, #1B8A6B, #6F4054, #1A1A00)

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