Sunlit Violet color palette — #F5F8E1 · #81BDF2 · #8E6AB9 · #345E00 · #131F42

Built around Amethyst, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#F5F8E1): A whisper-light, dusty green — the color of fresh herbs.
• Sky (#81BDF2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Amethyst (#8E6AB9): A full-bodied, balanced violet — the color of wild irises.
• Olive (#345E00): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#131F42): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Sunlit Violet 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

• Aged Driftwood Lantern color palette (#FAF6DC, #9FB3F7, #A2659D, #00613A, #331626)
• Frosted Plum Workshop color palette (#E5FBF2, #5FB0DF, #A75784, #425100, #001E2E)
• Aged Cobalt Study color palette (#FFF5D7, #61C7DE, #6878C1, #5C5200, #00291E)
• Misty Lagoon color palette (#FFF6CB, #A49BFF, #C60093, #005342, #26003C)
• Cobalt Grove color palette (#CDFAEC, #3C88DC, #70448A, #37470C, #243049)
• Washed Pine color palette (#FEF2ED, #BFE6EE, #60B3D0, #00835E, #043150)
• Worn Lilac color palette (#FEE6FA, #B7AEFF, #B27CD8, #B15353, #2A2D4A)
• Olive Lantern color palette (#DDFFEC, #ECD4E8, #BB8D99, #65773B, #36462A)

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