Tempered Celadon color palette — #F7F6EB · #B8F7CA · #6CAC9F · #5E7F6F · #333E00

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

The five colors

• Ivory (#F7F6EB): a clean, paper-quiet neutral.
• Mint (#B8F7CA): A whisper-light, balanced teal — the color of sea glass.
• Turquoise (#6CAC9F): A luminous, dusty teal — the color of glacier melt.
• Pewter (#5E7F6F): A full-bodied, dusty teal — the color of sea glass.
• Deep Olive (#333E00): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Celadon Cabin color palette (#FBF5E6, #D2F2B6, #78AC8C, #896E77, #393932)
• Tempered Boulevard color palette (#E9F9F6, #8ABAB9, #428172, #2B636C, #204A4A)
• Seafoam Lantern color palette (#F7F7E2, #90E5B7, #249E92, #7E575B, #232C10)
• Washed Powder Lantern color palette (#FCF3ED, #C0E6F6, #86C1F6, #46908B, #4F354A)
• Worn Lagoon color palette (#F9F6E4, #8BCE92, #008A70, #614566, #171B00)
• Mustard Alley color palette (#FFF0F8, #B9AEFF, #B7AE48, #7F9C6A, #39232F)
• Wandering Olive Pier color palette (#EADDC2, #6B862F, #00491F, #210F3B, #010100)
• Softworn Mustard color palette (#FFF3E5, #D7C71F, #608E13, #4B518F, #231F00)

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