Sunlit Celadon color palette — #F1F8E8 · #E0F882 · #55E8BE · #56A9D3 · #2C3F2D
A conversation between Butter and Lagoon, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F1F8E8): A whisper-light, dusty green — the color of new leaves after rain.
- Butter (#E0F882): A whisper-light, balanced green — the color of new leaves after rain.
- Lagoon (#55E8BE): A whisper-light, balanced teal — the color of sea glass.
- Cyan (#56A9D3): A luminous, balanced blue — the color of deep harbor water.
- Forest (#2C3F2D): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Softness, Clarity. Tagged candy, vibrant, light.
Use it as a design system
One click turns Sunlit Celadon 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
- Soft Chartreuse Garden color palette (#F5F7E5, #FFE38C, #9BE38F, #45C2C9, #3D4039)
- Powdered Field color palette (#E5FCEB, #8EFFBC, #47DCEC, #7AA0DC, #284536)
- Chalky Mint Study color palette (#EEFAE6, #F1D980, #53DBB1, #4B86BF, #004546)
- Timeworn Lantern color palette (#B5F3D9, #00D1C2, #00A4B0, #18738E, #1F4E43)
- Hushed Bronze color palette (#F7F6E8, #9CD4AA, #5B9E8F, #7D7329, #3D4800)
- Hushed Turquoise color palette (#FEF3EE, #CDEFD6, #69AFD1, #3E8A75, #563E58)
- Linen Boulevard color palette (#DAFCEF, #00E2CD, #20BCFE, #926FD3, #0D2140)
- Iris Ridge color palette (#DBFFEE, #16F9E4, #52D6FF, #8A86F7, #003A5C)
Browse the whole catalog at Explore, or see today's palette.