Eclipse Pine Pier color palette — #DFE2CE · #1A7A53 · #004037 · #002329 · #000402
Teal and Forest set the tone — five colors that lean into calm and sophistication.
The five colors
- Bone (#DFE2CE): A whisper-light, dusty green — the color of a quiet forest floor.
- Teal (#1A7A53): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#004037): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#002329): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000402): a grounded near-black with real depth.
Feels like: Calm, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.
Use it as a design system
One click turns Eclipse Pine Pier 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
- Dusty Summit color palette (#F3ECD9, #5C721D, #0C4202, #002037, #020300)
- Onyx Garden color palette (#E5EAD6, #42886F, #004F49, #291D58, #000B06)
- Timeworn Field color palette (#F0E3D0, #A3973B, #536300, #004557, #1A1600)
- Denim Veranda color palette (#E8DFD1, #5093B0, #004E7A, #002B2F, #000412)
- Tempered Hollow color palette (#F1F0E0, #6E9A71, #006546, #1E346F, #001803)
- Quiet Pine color palette (#F7F2DD, #90B47D, #008043, #204C82, #102700)
- Grape Ridge color palette (#F7E4ED, #6140B0, #504C00, #31006F, #030300)
- Patina Pier color palette (#F8F1E5, #BEB38E, #687E49, #6E4759, #2F2706)
Browse the whole catalog at Explore, or see today's palette.