Pale Harbor color palette — #FFF0F8 · #B5B0FF · #8DBA62 · #7F9D65 · #382430

Mint Leaf and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Lavender (#B5B0FF): A luminous, balanced violet — the color of a velvet chair.
• Mint Leaf (#8DBA62): A luminous, balanced green — the color of a quiet forest floor.
• Moss (#7F9D65): A luminous, balanced green — the color of a quiet forest floor.
• Onyx (#382430): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Mallow Field color palette (#FFF1F4, #E497FF, #4EC395, #5FA285, #3A2329)
• Softworn Ridge color palette (#D8FFF4, #7CC2FF, #D1A05E, #B38950, #0D322A)
• Ash Grove color palette (#FFF0FA, #E8D4D8, #A7B2AB, #93A6D1, #5A4349)
• Bronze Market color palette (#FFF3E4, #E6E0A0, #B8986B, #955A33, #32322B)
• Linen Blush color palette (#F3F4FF, #CAACFD, #F593A7, #58B0DF, #34364C)
• Hushed Market color palette (#FAF1FF, #D484FF, #009139, #007364, #1E032B)
• Olive Orchard color palette (#F4F4FF, #9977BA, #8E7B00, #457900, #35354D)
• Chalky Balcony color palette (#FFF2EF, #FE6E98, #00A9B9, #008E9C, #30100B)

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