Hushed Pine color palette — #FEF2EF · #C1DEBE · #00A6C7 · #3A7E36 · #1A3D5B

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

The five colors

• Ivory (#FEF2EF): a clean, paper-quiet neutral.
• Celadon Mist (#C1DEBE): A whisper-light, dusty green — the color of fresh herbs.
• Cyan (#00A6C7): A luminous, balanced blue — the color of open sky before noon.
• Olive (#3A7E36): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#1A3D5B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, 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

• Pine Studio color palette (#FAF3F7, #D2D5E6, #58B5C8, #328052, #003349)
• Azure Loft color palette (#FBF3EF, #BBDEC9, #379CEA, #007F63, #4D2F45)
• Patina Aqua Pier color palette (#F6F6EC, #CCEAC9, #5EC4C9, #449D8B, #00434B)
• Antique Cabin color palette (#EEF8F0, #8DD4D0, #1F8792, #006247, #034251)
• Hushed Powder color palette (#F9F4EF, #CCE6E9, #9FAEE5, #549393, #634A55)
• Ancient Grove color palette (#F5E8E3, #66C2C8, #0080A8, #005D30, #031D45)
• Muted Basin color palette (#FFF3E8, #8ED5FA, #3F87FF, #007369, #33226A)
• Washed Basin color palette (#F7E8E2, #52A1A1, #00627C, #003F14, #00091A)

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