Hushed Harbor color palette — #FFF2EC · #DFBF00 · #1EC09E · #A04AA5 · #2D3B0F

Saffron and Orchid set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Saffron (#DFBF00): A luminous, vivid green — the color of a quiet forest floor.
• Turquoise (#1EC09E): A luminous, balanced teal — the color of shallow lagoons.
• Orchid (#A04AA5): A full-bodied, vivid pink — the color of a candy shop window.
• Forest (#2D3B0F): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Balance. Tagged retro.

Use it as a design system

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

• Clover Loft color palette (#FFF2EA, #FCAF23, #1CC567, #8F54B2, #3B3700)
• Softworn Harbor color palette (#FFE9E3, #ACC764, #00ACB0, #9C5C82, #30312A)
• Frosted Lime color palette (#FFF4DE, #B0CF00, #009F68, #594996, #182F08)
• Weathered Lime color palette (#FFF3E6, #FFA783, #9AB31A, #6A60CA, #4B2E00)
• Frosted Teal Lagoon color palette (#FDE0C4, #C5D395, #5DC3BB, #AD736F, #6A3533)
• Antique Jade color palette (#FFF3E4, #CCD687, #57BE6F, #AA803D, #3A3E16)
• Plum Coast color palette (#FFF3E6, #F9A02A, #00A8D2, #C33F58, #5E051E)
• Brick Meadow color palette (#FFDCCB, #00D08C, #19A1E1, #B22B08, #00302E)

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