Pine Field color palette — #DEF5F3 · #008C4A · #00418F · #004421 · #000108
A conversation between Fern and Indigo, giving this palette its sense of nature and growth.
The five colors
- Cream (#DEF5F3): A whisper-light, dusty teal — the color of sea glass.
- Fern (#008C4A): A full-bodied, balanced teal — the color of glacier melt.
- Indigo (#00418F): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Forest (#004421): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Black (#000108): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
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
- Patina Nightshade color palette (#D9E8EC, #00877E, #202EAA, #00423D, #000010)
- Washed Olive Villa color palette (#DBEBE5, #6C7E0B, #004C66, #333D00, #000204)
- Tempered Parlor color palette (#EFD9CE, #007461, #00435E, #371300, #000405)
- Frosted Grape Cabin color palette (#DEECF3, #0092AF, #7900A7, #004E5E, #040008)
- Weathered Lagoon color palette (#D5E6E8, #00A185, #007082, #006754, #000204)
- Dusty Lapis color palette (#D7E8EE, #00A7AC, #563ED5, #005F62, #010114)
- Abyss Balcony color palette (#E7EFF0, #97A8AF, #6B8AA4, #005147, #000C0E)
- Shadow Aubergine Veranda color palette (#C6E9F3, #005655, #2E0095, #380400, #000300)
Browse the whole catalog at Explore, or see today's palette.