Hushed Pine color palette — #FFF2EE · #6CE1DC · #009CBD · #06791B · #00345D

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Lagoon (#6CE1DC): A whisper-light, balanced teal — the color of shallow lagoons.
• Cerulean (#009CBD): A luminous, balanced blue — the color of open sky before noon.
• Olive (#06791B): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#00345D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Muted Veranda color palette (#FEF0FF, #B1FFFC, #00ABD0, #01791D, #002646)
• Cornflower Drift color palette (#FFF2EB, #8ED7EF, #2D91E5, #00755E, #272572)
• Hushed Veranda color palette (#F3E5E0, #6EC1C2, #0081A3, #005E24, #001F41)
• Timeworn Orchard color palette (#FCF4E8, #7BF0EB, #00C0D3, #009C74, #003948)
• Patina Terrace color palette (#FCF3EF, #C0EAE2, #70ADD0, #52886A, #364769)
• Wandering Iris color palette (#FBF4EC, #B5DFD3, #8390D3, #007B7F, #522D3D)
• Chalky Field color palette (#DCE3F4, #5483FF, #A77600, #6B6D05, #0C1E55)
• Pale Mallow Summit color palette (#EEF6FF, #D7CCFF, #FF9DBB, #008E99, #343261)

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