Hushed Pine color palette — #FBF3F1 · #CBE8E2 · #6FA0BD · #328059 · #604A5E

Teal and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Honeydew (#CBE8E2): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#6FA0BD): A luminous, dusty blue — the color of open sky before noon.
• Teal (#328059): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#604A5E): A full-bodied, dusty pink — the color of peonies in June.

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

• Cypress Coast color palette (#F9F4EF, #CCE5E9, #B28BA6, #007E84, #664954)
• Muted Turquoise Station color palette (#EEF4EF, #CDDFF5, #5FA8BD, #3B786C, #233949)
• Patina Summit color palette (#F4F6ED, #ACB58A, #B883B8, #308647, #5F405F)
• Powder Chapel color palette (#F8F5EF, #CCE6E0, #7EBCCF, #5B9387, #345246)
• Cobalt Grove color palette (#FEF3EB, #ABDBC4, #4A81C6, #00685A, #3A3479)
• Denim Lagoon color palette (#F7ECE8, #60ADB0, #00607E, #00411D, #001E46)
• Antique Cypress Grove color palette (#FFF4E1, #B0B883, #729959, #007859, #3D583B)
• Onyx Pier color palette (#E8DED9, #648B73, #004066, #002318, #04002D)

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