Celadon Loft color palette — #FFF6D1 · #DDFAA6 · #9DC687 · #648E6D · #50534C
Built around Butter, softened by Mint Leaf — the whole palette hums with nature and growth.
The five colors
- Custard (#FFF6D1): A whisper-light, dusty green — the color of fresh herbs.
- Butter (#DDFAA6): A whisper-light, balanced green — the color of new leaves after rain.
- Mint Leaf (#9DC687): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#648E6D): A luminous, dusty teal — the color of glacier melt.
- Charcoal Brown (#50534C): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged light, muted.
Use it as a design system
One click turns Celadon Loft 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
- Tempered Mustard color palette (#FFF3E4, #DAEEB9, #C3BD6F, #787E4F, #514E00)
- Softworn Teal Orchard color palette (#EDFCD1, #A4F7FE, #61C2B2, #408A8B, #3F5645)
- Dusty Forest Meadow color palette (#D9FFF2, #ABC092, #668D54, #357037, #265552)
- Hushed Celadon color palette (#F5F7E8, #B8F9B4, #E5BBEC, #7FA67D, #5A3D43)
- Teal Study color palette (#F0FADA, #C0EDE9, #79BF99, #417459, #2D2F28)
- Weathered Workshop color palette (#E4F0E3, #00D678, #008B69, #005A51, #001E1F)
- Gentle Seafoam color palette (#DDFFE7, #30ECB5, #00A891, #006664, #00383F)
- Hushed Fern color palette (#F4F8E3, #B1E6E5, #AFB2C2, #8BAE9D, #425510)
Browse the whole catalog at Explore, or see today's palette.