Pine Field color palette — #D4F4DC · #008042 · #814100 · #003518 · #030100

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

The five colors

• Honeydew (#D4F4DC): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#008042): A full-bodied, balanced teal — the color of glacier melt.
• Bronze (#814100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#003518): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Cypress Bloom color palette (#DAF5F1, #007C73, #6A5100, #00332F, #020100)
• Timeworn Terracotta color palette (#F1EDCD, #607500, #A1001D, #263000, #050000)
• Tempered Olive Delta color palette (#F3EDDA, #6F7000, #00606A, #2D2D00, #000102)
• Washed Olive Canyon color palette (#C6EEFC, #008CAA, #5C7100, #004353, #010100)
• Nocturne Ridge color palette (#EBDCC5, #897000, #4D3800, #1C0F00, #020100)
• Aubergine Terrace color palette (#CDEEEC, #005C32, #66005E, #002611, #030003)
• Muted Lagoon Balcony color palette (#D5F6EA, #009574, #00503E, #20232A, #000B07)
• Ultramarine Workshop color palette (#DCF3ED, #007C6C, #3C38C5, #00332C, #01000A)

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