Tempered Field color palette — #F8EEF8 · #5383C3 · #406C18 · #004A3A · #011B0F
Built around Olive, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Blush (#F8EEF8): a clean, paper-quiet neutral.
- Cerulean (#5383C3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive (#406C18): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004A3A): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#011B0F): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged jewel, vibrant, muted, cool.
Use it as a design system
One click turns Tempered Field 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 Indigo color palette (#FDECF5, #736FB8, #0C7655, #00464B, #1C0B1F)
- Hushed Abyss color palette (#FCEFE5, #B4805D, #716600, #004F1D, #002424)
- Feathered Lapis color palette (#FBDCEC, #6742E1, #004F36, #002E33, #000511)
- Plum Study color palette (#F9F2FF, #A5547B, #7B5700, #00494B, #262537)
- Weathered Blush color palette (#FFF2EF, #D98194, #A6772B, #00695E, #29141B)
- Worn Olive color palette (#FEF1F7, #CD7D57, #628200, #006B50, #1A3039)
- Patina Bronze color palette (#FDEFE1, #C8888B, #9D533C, #4A4A00, #361A0E)
- Washed Byzantium color palette (#FFECEF, #9F3EB2, #00636A, #003B60, #10042F)
Browse the whole catalog at Explore, or see today's palette.