Quiet Pine color palette — #EDF8F7 · #9BE4AD · #009D9F · #008E45 · #00070A

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

The five colors

• Ivory (#EDF8F7): a clean, paper-quiet neutral.
• Mint (#9BE4AD): A whisper-light, balanced teal — the color of sea glass.
• Cerulean (#009D9F): A luminous, balanced teal — the color of shallow lagoons.
• Fern (#008E45): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#00070A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Balance. Tagged duotone.

Use it as a design system

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

• Seafoam Atelier color palette (#ECF8FA, #43EDD9, #0098C0, #00897C, #00060D)
• Timeworn Turquoise Quarry color palette (#EFF7F8, #A1FAE1, #00B0CE, #00A184, #05141C)
• Emerald Courtyard color palette (#EBF9F3, #CBDA7E, #00A552, #727F00, #000707)
• Ancient Lagoon color palette (#DCEEF1, #00A398, #005574, #004641, #000103)
• Seafoam Thicket color palette (#DAFFF0, #58EDD7, #00A29B, #006066, #00242A)
• Weathered Mint Ridge color palette (#DBFEF6, #48D0B5, #009094, #3A4B8D, #00272D)
• Feathered Chartreuse color palette (#ECF8F4, #B4DB60, #00B1E9, #84A344, #031B29)
• Navy Market color palette (#DDEDF5, #0089A1, #002F93, #00313B, #000105)

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