Quiet Pine Lagoon color palette — #EAF2DC · #008655 · #00679B · #5B3F00 · #222A0F

Fern and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EAF2DC): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#008655): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#00679B): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#5B3F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#222A0F): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

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

• Hushed Courtyard color palette (#E3F4E1, #00817E, #5057A9, #4A4700, #192C18)
• Olive Boulevard color palette (#F2F0D7, #607D00, #006E79, #742A0A, #2A270D)
• Tempered Lagoon color palette (#EEF2D6, #00989E, #00657D, #43346E, #1D3725)
• Grape Canyon color palette (#A6F4FD, #007680, #5631C9, #334400, #002528)
• Weathered Study color palette (#F1F7F0, #CCDED9, #A8B8AC, #27716C, #373C36)
• Ancient Teal color palette (#F2F7EE, #00B392, #2D698B, #005E4B, #0A1D0F)
• Worn Thicket color palette (#E1EED6, #00604B, #004282, #352600, #00110B)
• Powdered Pier color palette (#DAFFF0, #0080B3, #8C439B, #005A27, #0C3327)

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