Sunlit Harbor color palette — #E9FFC9 · #90C200 · #00B5B1 · #C36D00 · #1A2600

Lime and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#E9FFC9): A whisper-light, dusty green — the color of new leaves after rain.
• Lime (#90C200): A luminous, vivid green — the color of fresh herbs.
• Turquoise (#00B5B1): A luminous, balanced teal — the color of shallow lagoons.
• Ochre (#C36D00): A luminous, balanced gold — the color of honey in a jar.
• Onyx (#1A2600): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged warm.

Use it as a design system

One click turns Sunlit 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 Workshop color palette (#DFFFE1, #00D244, #00B1CA, #AE7B00, #012A08)
• Ember Meadow color palette (#FFF6D0, #CCAC00, #00BA7F, #D75747, #292100)
• Cornflower Balcony color palette (#EEFBE0, #00C391, #2A94F7, #806200, #141F04)
• Soft Moss color palette (#E1FFDB, #33AE06, #0093A1, #905F00, #011100)
• Soft Dune color palette (#D8FFF3, #00CBA8, #03A8F7, #8E8B00, #002920)
• Muted Blush color palette (#E2F4BD, #9EC600, #49B4FE, #F75C90, #293600)
• Antique Taupe Boulevard color palette (#E6FFD0, #E7F9FF, #BCECDF, #9DA865, #3E3F00)
• Tempered Studio color palette (#E6FCEA, #5BE2EF, #A5B8F2, #8EAC84, #2D3D30)

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