Faded Harbor color palette — #F3F9D8 · #97FDE3 · #46C9F3 · #7E7C18 · #29543F

A conversation between Sky and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Custard (#F3F9D8): A whisper-light, dusty green — the color of a quiet forest floor.
• Sea Foam (#97FDE3): A whisper-light, balanced teal — the color of sea glass.
• Sky (#46C9F3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive Leaf (#7E7C18): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#29543F): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged pastel, light, cool.

Use it as a design system

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

• Pale Aqua Garden color palette (#FFF5D7, #B0F5E6, #00DCD5, #A06B00, #4A4A42)
• Powdered Balcony color palette (#E8FDDA, #90EFFF, #97C3FF, #448533, #0F4E4B)
• Pale Courtyard color palette (#EFFCD0, #9FFFDD, #70E0D4, #659D5D, #454841)
• Softworn Seafoam Thicket color palette (#D1FCFA, #7DFFD1, #48D8CC, #507C4B, #00311F)
• Linen Azure Balcony color palette (#E9F0D8, #87E1D3, #00A3D9, #596A00, #27371F)
• Pale Lilac Studio color palette (#DDFEE7, #90D0FF, #A49AFF, #007664, #003B52)
• Petal Dune color palette (#E9FAEE, #C5E5EA, #D5C8FF, #589389, #42544E)
• Cornflower Cabin color palette (#E4F3DA, #6BBCCE, #0088E7, #235800, #002A2A)

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