Hushed Pine color palette — #FAF2FA · #C0E3EE · #4B95B2 · #2E7242 · #334964

A conversation between Pine and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF2FA): a clean, paper-quiet neutral.
• Powder Blue (#C0E3EE): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#4B95B2): A luminous, balanced blue — the color of open sky before noon.
• Pine (#2E7242): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#334964): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Washed Drift color palette (#FAF3F5, #C8DFF5, #7887BF, #007072, #4E3F64)
• Aged Alley color palette (#F0F7F1, #C7E3FF, #2CB7CF, #268D73, #294C61)
• Muted Cerulean color palette (#F6F1E9, #CAE5CB, #3D9CAE, #156E58, #163326)
• Ancient Onyx Dune color palette (#E8DDE6, #529CA7, #005073, #00321E, #01014B)
• Hushed Olive color palette (#E7FAF6, #85AD76, #A874AB, #337805, #573359)
• Dusty Powder color palette (#E7FAF7, #C9E3F2, #9DD0FD, #8F7B41, #345A59)
• Cobalt Alley color palette (#FDF1F9, #79C4DC, #0071BF, #005846, #272178)
• Feathered Mulberry color palette (#DBFDFC, #4A9C6F, #9961AA, #993C6F, #0D4040)

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