Clover Harbor color palette — #FFD8E8 · #FE993C · #00C76F · #C86D00 · #00381B

Built around Clover, softened by Apricot — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFD8E8): A whisper-light, dusty rose — the color of a warm blush.
• Apricot (#FE993C): A luminous, balanced gold — the color of old brass.
• Clover (#00C76F): A luminous, vivid teal — the color of shallow lagoons.
• Mustard (#C86D00): A luminous, balanced gold — the color of old brass.
• Deep Forest (#00381B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Chalky Marigold Lagoon color palette (#D2EDD4, #EDA500, #00C39E, #B37C00, #00372B)
• Sunlit Rose color palette (#F5E2CC, #E09100, #51B700, #FB1878, #351F00)
• Amber Grove color palette (#FCCFE5, #F0A564, #E36F00, #B05127, #3C2200)
• Dusty Mustard Field color palette (#DEF5EB, #BFC84C, #00C6DC, #929A00, #003D45)
• Pale Summit color palette (#FFF3E5, #DFE7B2, #EFCE0B, #E9863C, #4A3100)
• Aged Peony color palette (#CFE4D6, #CEAC00, #FF5BA3, #9A8000, #461329)
• Wandering Lime color palette (#C3E7F5, #00D5A5, #B3B600, #494A07, #011810)
• Worn Mustard Courtyard color palette (#CEEED9, #E8B71D, #977C00, #5E4C00, #001408)

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