Celadon Quarry color palette — #F3FF98 · #DEF1FF · #E0D0CA · #344D45 · #1D2723

Built around Butter, softened by Charcoal — the whole palette hums with nature and growth.

The five colors

• Butter (#F3FF98): A whisper-light, balanced green — the color of new leaves after rain.
• Frost (#DEF1FF): A whisper-light, dusty blue — the color of open sky before noon.
• Oat (#E0D0CA): bright and airy, almost weightless.
• Charcoal (#344D45): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#1D2723): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns Celadon Quarry 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

• Softworn Vanilla color palette (#FFF7C7, #E4EFFF, #D6D1C7, #4A384A, #251E25)
• Cerulean Basin color palette (#EDF8F5, #CDDBCA, #588BB8, #2A4E45, #101E1B)
• Seafoam Delta color palette (#E9ED82, #FFD0C6, #04F2F1, #5F6D5F, #333833)
• Patina Orchard color palette (#EAE6D7, #FFB4BE, #39CDFD, #23333C, #171F24)
• Lichen Market color palette (#DAFFCD, #FFD6D2, #B7D1FF, #1C2D4E, #110810)
• Aged Apricot Terrace color palette (#FAF2FB, #9EC6F8, #E79876, #878552, #372E38)
• Patina Amber Quarry color palette (#FBF2F9, #9DBBFF, #CE7846, #5E733B, #1E2C21)
• Tempered Stone Grove color palette (#FAF3F7, #E2D7D6, #B3B9AE, #C8A0B9, #534A4F)

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