Tempered Orchard color palette — #FFEEE6 · #80E1EF · #1B8DC2 · #006640 · #0E214F
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Cream (#FFEEE6): A whisper-light, dusty orange — the color of autumn markets.
- Ice Blue (#80E1EF): A whisper-light, balanced blue — the color of deep harbor water.
- Cerulean (#1B8DC2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#006640): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#0E214F): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light.
Use it as a design system
One click turns Tempered Orchard 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
- Patina Pier color palette (#FBF0E5, #9FD8FC, #517DE3, #00625D, #271C46)
- Patina Ridge color palette (#FFEEE5, #64CCE1, #0079B5, #00543B, #0A1245)
- Patina Cerulean color palette (#F5F7E8, #96DCE6, #008EA7, #006665, #00475B)
- Tempered Cerulean color palette (#FCEEEB, #CCE4C9, #5898AC, #446944, #0B342C)
- Azure Canyon color palette (#FCF2F9, #A7E8F1, #38A9D4, #008568, #16426A)
- Cerulean Delta color palette (#EDDDD7, #009CA6, #00506D, #002E16, #000313)
- Worn Navy color palette (#ECDED2, #3E81A3, #002F91, #00201C, #020009)
- Gentle Grove color palette (#F6EBE1, #4BA6DB, #2D4EB1, #003A37, #0F0028)
Browse the whole catalog at Explore, or see today's palette.